@import './utils/mixmin.scss';
@import './utils/browser.scss';
@import './utils/elementUi.scss';
// 正常字号
$f14:14px;

// 标题字号
$f16:16px;

// 文章描述字号
$f12:12px;

// 描述颜色
$c7e:#7e8790;

// 手写按钮颜色
$cb7:#0b72da;

// 菜单二级选中背景色
$bef:#e9f2ff;

//整体内容背景色
$b247:rgb(240, 243, 247);

//内边距
$p16:16px;
    
// 外边距
$m16:16px;

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s;
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
.mt16{
  margin-top: 16px;
}
.ml16{
  margin-left: 16px;
}
.mb16{
  margin-bottom: 16px;
}
.mr16{
  margin-right: 16px;
}
.pt16{
  padding-top: 16px;
}
.pl16{
  padding-left: 16px;
}
.pr16{
  padding-right: 16px;
}
.pb16{
  padding-bottom: 16px;
}
.width230{
  width: 230px !important;
}
.flex1{
  flex: 1;
}
.realitive{
  position: relative;
}
.body_content{
  background: #fff;
  padding: 16px;
  margin: 16px;
}
.fs30{
  font-size: 30px;
}
.mt16{
  margin-top: 16px;
}
.sl1{
  overflow: hidden; // 溢出隐藏
  white-space: nowrap; // 强制一行
  text-overflow: ellipsis; // 文字溢出显示省略号
}
.sl2{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden; //溢出内容隐藏
  text-overflow: ellipsis; //文本溢出部分用省略号表示
  display: -webkit-box; //特别显示模式
  -webkit-line-clamp: 2; //行数
  line-clamp: 2;
}
.col7e8{
color: #7E8790;
}
.w230{
  width: 230px !important;
}
.w270{
  width: 270px !important;
}
.w660{
  width: 607px !important;
}
.mr30{
  margin-right: 30px;
}
.mg16{
  margin: 16px;
}
.mt20{
  margin-top: 20px;
}
.col4F5{
  color: #4F5862;
}
.left{
  text-align: left;
}
.fs12{
  font-size: 12px;
}
.pb16{
  padding-bottom: 16px;
}
.lh32{
  line-height: 32px;
}
.fs16{
  font-size: 16px;
}
.bold{
  font-weight: bold;
}
.bgw{
  background: #fff;
}



